<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简历信息</title>
</head>
<body>
    
    <!-- 填写简历表 -->

    <h2>请填写简历信息</h2>

    <!-- n行两列，排列整齐：所以使用table -->
    <table>
        <!-- 一行 -->
        <tr>
            <!-- 每个单元格 -->
            <td>
                姓名
            </td>
            <td>
                <input type="text">
            </td>
        </tr>
        <tr>
            <!-- 每个单元格 -->
            <td>
                性别
            </td>
            <td>
                <!-- 添加name一致才是单选 -->
                <input type="radio" name="gender" id="male"> <label for="male"> <img src="./img/male.png" height="18px"> 男</label>
                <input type="radio" name="gender" id="female"> <label for="female"> <img src="./img/female.png" height="18px"> 女</label>
            </td>
        </tr>
        <tr>
            <!-- 每个单元格 -->
            <td>
                出生日期
            </td>
            <td>
                <!-- 下拉菜单 -->
                <!-- 在一个单元格中可以同时选择年月日 -->
                <select>
                    <option>--请选择年份--</option>
                    <option>1998</option>
                    <option>1999</option>
                    <option>2000</option>
                    <option>2001</option>
                    <option>2002</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                </select>
                <select>
                    <option>--请选择日期--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                    <option>21</option>
                    <option>22</option>
                    <option>23</option>
                    <option>24</option>
                    <option>25</option>
                    <option>26</option>
                    <option>27</option>
                    <option>28</option>
                    <option>29</option>
                    <option>30</option>
                    <option>31</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>就读学校</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <!-- 复选框 -->
            <!-- 注意每一行只有两个单元格！！ -->
            <td>应聘岗位</td>
            <td><input type="checkbox" id="fronend"><label for="frontend">前端开发</label>
            <input type="checkbox" id="backend"><label for="backend">后端开发</label>
            <input type="checkbox" id="qa"><label for="qa">测试开发</label>
            <input type="checkbox" id="op"><label for="op">运维开发</label></td>
        </tr>
        <tr>
            <td>掌握的技能</td>
            <td><textarea cols="50" rows="20"></textarea></td>
        <tr>
            <td>项目经历</td>
            <td><textarea cols="50" rows="20"></textarea></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" id="notice"><label for="notice">我已仔细阅读公司的招聘要求</label></td>
        </tr>
        <tr>
            <td></td>
            <!-- 给一个链接来查看状态 -->
            <td><a href="#">查看我的状态</a></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h3>请应聘者确认</h3>
                <ul>
                    <li>以上信息真实有效</li>
                    <li>能尽早去公司实习</li>
                    <li>能够认同公司的文化</li>
                </ul>
            </td>
        </tr>

    </table>


</body>
</html>